import React from 'react';
import ReactDOM from 'react-dom';
import 'antd/dist/antd.css';
import './index.css';
import { Layout, Menu, Breadcrumb,Button,Space,Card,Select,Checkbox, Row, Col} from 'antd';
import { UserOutlined, LaptopOutlined, NotificationOutlined } from '@ant-design/icons';
import { Routes,BrowserRouter as Router,Route,Link,NavLink,Outlet  } from 'react-router-dom';
import MyMap from "./echarts/MyMap";



const { SubMenu } = Menu;
const { Header, Content, Sider } = Layout;

class Advanced extends React.Component{
    render(){
        return(
            <div>
    <Layout>
    <Header className="header">
      <div className="logo" />
      <Menu theme="dark"
        mode="horizontal"
        defaultSelectedKeys={['1']}
      >
      <Menu.SubMenu title="数据搜索服务">
          <Menu.Item><NavLink to="/primary_search/primary">基础搜索</NavLink></Menu.Item>
          <Menu.Item><NavLink to="/primary_search/advance">高级搜索</NavLink></Menu.Item>
      </Menu.SubMenu>
          <Menu.Item><NavLink to="../../download">数据下载服务</NavLink></Menu.Item>
          <Menu.Item><NavLink to="../../expert">数据分析服务</NavLink></Menu.Item>
      </Menu>
    </Header>
    <Layout>

    </Layout>
  </Layout>
            </div>
        )
    }
}
export default Advanced;